<template>
  <div>
    <div class="download mb10">
      <h2><b>热门下载</b></h2>
      <ul class="list_three">
       <li v-for="commend in leftrecommend">
         <a href="/paper/" target="_blank">{{commend.papername}}</a>
       </li>

      </ul>
    </div>
  </div>
</template>
<script type="text/javascript">
  import {mapState} from 'vuex'
  export default {
    computed:mapState([
      'leftrecommend',
    ]),
    mounted() {
      this.$store.dispatch('LOAD_LEFT_RECOMMED','');
    }
  }



</script>
<style type="text/css">
 div {
   text-align: left;
 }
 a {
   font-size: 10px;
   text-decoration: none;
   color: #333;
 }
 li {
   list-style: none;
   display: list-item;
   text-align: -webkit-match-parent;
 }
 h2 {
   height: 37px;
   border-bottom: 2px solid #eee;
   position: relative;
   font-family: "Microsoft YaHei";
 }
 h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
 }
 h2 b {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   line-height: 30px;
   padding: 0px 12px;
   border-bottom: 2px solid #0f9d58;
   position: absolute;
   left: 0px;
   top: 7px;
   font-family: "Microsoft YaHei";
 }

</style>
